<template>
	<div class="self-van-nav-bar">
		<van-nav-bar :title="title" left-arrow fixed placeholder @click-left="onClickLeft">
			<template #right>
				<slot name="right-operation" />
			</template>
		</van-nav-bar>
	</div>
</template>

<script>
export default {
	name: 'topheader',
	props: {
		title: {
			type: String,
			default: '',
		},
	},
	data() {
		return {};
	},
	methods: {
		onClickLeft() {
			this.$router.go(-1); //返回上页
		},
	},
};
</script>

<style lang="scss" scoped>
.self-van-nav-bar {
	::v-deep .van-nav-bar {
		z-index: 99;

		.van-nav-bar__content {
			.van-nav-bar__left {
				.van-icon {
					color: #000000;
				}
			}
			.van-nav-bar__title {
				color: #000000;
				font-size: 0.410628rem;
			}
		}
	}
  ::v-deep .van-hairline--bottom::after {
    border-bottom-width: 0px;
  }
}
</style>
